<!DOCTYPE html>
<!-- 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.0.2
Version: 1.5.4
Author: KeenThemes
Website: http://www.keenthemes.com/
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
	<meta charset="utf-8" />
	<title>首页推荐</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta content="width=device-width, initial-scale=1.0" name="viewport" />
	<meta content="" name="description" />
	<meta content="" name="author" />
	<meta name="MobileOptimized" content="320">
	<!-- BEGIN GLOBAL MANDATORY STYLES -->          
	<!-- <link href="assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/> -->
	<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
	<!-- <link href="assets/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/> -->
	<!-- END GLOBAL MANDATORY STYLES -->
	<!-- BEGIN PAGE LEVEL STYLES -->
	<!-- <link rel="stylesheet" type="text/css" href="assets/plugins/select2/select2_metro.css" /> -->
	<link rel="stylesheet" href="assets/plugins/data-tables/DT_bootstrap.css" />
	<!-- END PAGE LEVEL STYLES -->
	<!-- BEGIN THEME STYLES --> 
	<link href="assets/css/style-metronic.css" rel="stylesheet" type="text/css"/>
	<link href="assets/css/style.css" rel="stylesheet" type="text/css"/>
	<link href="assets/css/style-responsive.css" rel="stylesheet" type="text/css"/>
	<!-- <link href="assets/css/plugins.css" rel="stylesheet" type="text/css"/> -->
	<link href="assets/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color"/>
	<link rel="stylesheet" type="text/css" href="assets/plugins/select2/select2_metro.css" />

	<!-- <link href="assets/css/custom.css" rel="stylesheet" type="text/css"/> -->
	<!-- <link href="assets/plugins/jquery-file-upload/css/jquery.fileupload-ui.css" rel="stylesheet"> -->
	<!-- END THEME STYLES -->
	<link rel="shortcut icon" href="favicon.ico" />
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="page-header-fixed">
	<!-- BEGIN HEADER -->   
	<div class="header navbar navbar-inverse navbar-fixed-top">
		<!-- BEGIN TOP NAVIGATION BAR -->
		<div class="header-inner">
			<!-- BEGIN LOGO -->  
			<a class="navbar-brand" href="index.html">
			<img src="assets/img/logo.png" alt="logo" class="img-responsive" />
			</a>
			<!-- END LOGO -->
			<!-- BEGIN RESPONSIVE MENU TOGGLER --> 
			<a href="javascript:;" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
			<img src="assets/img/menu-toggler.png" alt="" />
			</a> 
			<!-- END RESPONSIVE MENU TOGGLER -->
			<!-- BEGIN TOP NAVIGATION MENU -->
			<!-- END TOP NAVIGATION MENU -->
		</div>
		<!-- END TOP NAVIGATION BAR -->
	</div>
	<!-- END HEADER -->
	<div class="clearfix"></div>
	<!-- BEGIN CONTAINER -->
	<div class="page-container">
		<!-- BEGIN SIDEBAR -->
		<div class="page-sidebar navbar-collapse collapse">
			<!-- BEGIN SIDEBAR MENU -->  
			<ul class="page-sidebar-menu">
				<li>
					<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
					<div class="sidebar-toggler hidden-phone"></div>
					<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
				</li>
				<li>
					<!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
					<form class="sidebar-search" action="extra_search.html" method="POST">
						<div class="form-container">
							<div class="input-box">
								<a href="javascript:;" class="remove"></a>
								<input type="text" placeholder="Search..."/>
								<input type="button" class="submit" value=" "/>
							</div>
						</div>
					</form>
					<!-- END RESPONSIVE QUICK SEARCH FORM -->
				</li>
				<li class="start ">
					<a href="brand.html">
					<i class="fa fa-home"></i> 
					<span class="title">品牌管理</span>
					</a>
				</li>
				<li class="start">
					<a href="goods.html">
					<i class="fa fa-home"></i> 
					<span class="title">商品管理</span>
					</a>
				</li>
				<li class="start">
					<a href="category.html">
					<i class="fa fa-home"></i> 
					<span class="title">分类管理</span>
					</a>
				</li>
				<li class="start">
					<a href="tag.html">
					<i class="fa fa-home"></i> 
					<span class="title">标签管理</span>
					</a>
				</li>
				<li class="start active">
					<a href="homeinfo.html">
					<i class="fa fa-home"></i> 
					<span class="title">首页推荐</span>
					</a>
				</li>
				<li class="start">
					<a href="sales.html">
					<i class="fa fa-home"></i> 
					<span class="title">sales管理</span>
					</a>
				</li>
				<li class="start">
					<a href="order.html">
					<i class="fa fa-home"></i> 
					<span class="title">订单管理</span>
					</a>
				</li>
				<li class="start">
					<a href="information.html">
					<i class="fa fa-home"></i> 
					<span class="title">资讯管理</span>
					</a>
				</li>



			</ul>      
			<!-- END SIDEBAR MENU -->
		</div>
		<!-- END SIDEBAR -->
		<!-- BEGIN PAGE -->
		<div class="page-content">
			<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->               
				<div class="modal fade" id="wide" tabindex="-1" role="basic" aria-hidden="true" style="display: none;">
					<div class="modal-dialog modal-wide">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
								<h4 class="modal-title">添加首页推荐</h4>
							</div>
							<div class="modal-body row">

							<div class="col-md-10 col-md-offset-1">
								<form id="addForm" role="form" class="form-horizontal">
								<input type="hidden" name="id"></input>
									<div class="form-group">
										<label class="control-label col-sm-2">所属频道</label>
										<div class="col-sm-8">
											<select id="e1" class="form-control input-large select2me" data-placeholder="Select..." name="channel" check-type="required">
												<option value="GOODS">商品</option>
												<option value="HOTEL">酒店</option>
												<option value="DINER">餐厅</option>
												<option value="TRAVEL">旅行社</option>
												<option value="FASHIONINFO">时尚咨询</option>
												<option value="OUTURL">外部频道</option>
											</select>
										</div>
									</div>
									<div class="form-group" style="display:none" id="link">
										<label class="control-label col-sm-2">链接</label>
										<div class="col-sm-8">
											<input class="form-control col-sm-10" type="text" check-type="required"  name="link" disabled="disabled"></input>
										</div>
									</div>
									<div class="form-group" id="good_link">
										<label class="control-label col-sm-2">链接商品</label>
										<div class="col-sm-8">
											<input type="hidden" id="e2" class="form-control select2 select2-offscreen" tabindex="-1" placeholder="选择商品" check-type="required"  name="link"></input>
										</div>
									</div>
									<div class="form-group">
										<label class="control-label col-sm-2">图片</label>
										<div class="col-sm-10"  style="max-width:200px">
												<input type="file" style="opacity:0" name="files[]" multiple/>
												<img src="assets/fileUpload.jpg" class="img-thumbnail fileUpload" alt=""/>
												<input type="hidden" name="image" check-type="required">
										</div>
									</div>
									<div class="form-group">
										<label class="control-label col-sm-2">中文描述</label>
										<div class="col-sm-8">
											<textarea class="form-control col-sm-10" rows="3" name="desc_zn" type="textarea" check-type="required" ></textarea>
										</div>
									</div>
									<div class="form-group">
										<label class="control-label col-sm-2">英文描述</label>
										<div class="col-sm-8">
											<textarea class="form-control col-sm-10" rows="3" name="desc_en" type="textarea" check-type="required" ></textarea>
										</div>
									</div>

								</form>
							</div>
							</div>
							<div class="modal-footer">
								<button type="button" class="btn default" data-dismiss="modal">Close</button>
								<button type="button" class="btn blue" onClick="$('#addForm').submit();">Save</button>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal-dialog -->
				</div>
				<!-- /.modal-dialog -->
			<!-- /.modal -->
			<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
			<!-- BEGIN STYLE CUSTOMIZER -->
			<!-- END BEGIN STYLE CUSTOMIZER -->            
			<!-- BEGIN PAGE HEADER-->
			<!-- END PAGE HEADER-->
			<!-- BEGIN PAGE CONTENT-->
			<div class="row">
				<div class="col-md-12">
					<!-- BEGIN EXAMPLE TABLE PORTLET-->
					<div class="portlet box blue">
						<div class="portlet-title">
							<div class="caption"><i class="fa fa-edit"></i>首页推荐</div>
							<div class="actions">
								<a class="btn green" data-toggle="modal" href="#wide"><i class="fa fa-pencil"></i> Add</a>
							</div>
						</div>
						<div class="portlet-body">
							<table class="table table-striped table-bordered table-hover" id="sample_1">
								<thead>
									<tr>
										<th>缩略图</th>
										<th>频道名称</th>
										<th>Actions</th>
									</tr>
								</thead>
								<tbody></tbody>
							</table>
						</div>
					</div>
					<!-- END EXAMPLE TABLE PORTLET-->
				</div>
			</div>
			<!-- END PAGE CONTENT -->
		</div>
		<!-- END PAGE -->
	</div>
	<!-- END CONTAINER -->
	<!-- BEGIN FOOTER -->
	<div class="footer">
		<div class="footer-inner">
			2013 &copy; meng.
		</div>
		<div class="footer-tools">
			<span class="go-top">
			<i class="fa fa-angle-up"></i>
			</span>
		</div>
	</div>
	<!-- END FOOTER -->
	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
	<!-- BEGIN CORE PLUGINS -->   
	<!--[if lt IE 9]>
	<script src="assets/plugins/respond.min.js"></script>
	<script src="assets/plugins/excanvas.min.js"></script> 
	<![endif]-->   
	<script src="assets/plugins/jquery-1.10.2.min.js" type="text/javascript"></script>
	<!-- <script src="assets/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>     -->
	<script src="assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
	<!-- <script src="assets/plugins/bootstrap-hover-dropdown/twitter-bootstrap-hover-dropdown.min.js" type="text/javascript" ></script> -->
	<!-- <script src="assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script> -->
	<script src="assets/plugins/jquery.blockui.min.js" type="text/javascript"></script>  
	<script src="assets/plugins/jquery.cookie.min.js" type="text/javascript"></script>
	<script src="assets/plugins/uniform/jquery.uniform.min.js" type="text/javascript" ></script>
	<!-- END CORE PLUGINS -->
	<!-- BEGIN PAGE LEVEL PLUGINS -->
	<!-- <script type="text/javascript" src="assets/plugins/select2/select2.min.js"></script> -->
	<script type="text/javascript" src="assets/plugins/data-tables/jquery.dataTables.js"></script>
	<script type="text/javascript" src="assets/plugins/data-tables/DT_bootstrap.js"></script>

	<script src="assets/plugins/jquery-file-upload/js/vendor/jquery.ui.widget.js"></script>
	<!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
	<!-- <script src="assets/plugins/jquery-file-upload/js/jquery.iframe-transport.js"></script> -->
	<!-- The basic File Upload plugin -->
	<script src="assets/plugins/jquery-file-upload/js/jquery.fileupload.js"></script>
	<!-- The File Upload processing plugin -->
	<script src="assets/plugins/jquery-file-upload/js/jquery.fileupload-process.js"></script>
	<script type="text/javascript" src="assets/scripts/bootstrap3-validation.js"></script>
	<script src="assets/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
		<script type="text/javascript" src="assets/plugins/select2/select2.min.js"></script>
	<!-- The File Upload user interface plugin -->
	<!-- <script src="assets/plugins/jquery-file-upload/js/jquery.fileupload-ui.js"></script> -->
	<!-- END PAGE LEVEL PLUGINS -->
	<!-- BEGIN PAGE LEVEL SCRIPTS -->
	<script src="assets/scripts/app.js"></script>
	<script src="assets/js/homeinfo.js"></script>

	<script>
		jQuery(document).ready(function() {       
		   App.init();
		   TableAjax.init();
		});
	</script>
</body>
<!-- END BODY -->
</html>